<!DOCTYPE html>
<html lang="en">
<head>
    <!--Device size responsiveness-->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <!--SEO stuff-->
    <meta name="description" content="Nearest Hospital can be found">
    <meta name="keywords"
          content="Masum,MasumBhai,Abdullah,Abdullah Al Masum,Hero Masum,Zero Masum,Kopa Masum">
    <meta name="author" content="Abdullah Al Masum">
    <!-- Bootstrap CSS only -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
          integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
    <!-- Boxicons CDN Link for sideBar -->
    <link href='https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css' rel='stylesheet'>
    <!--for icon-->
    <link rel='icon' href='images/masum.ico' type='image/x-icon'/>
    <!--for custom-css-->
    <link rel="stylesheet" type="text/css" href="footer.css">
<!--    <link rel="stylesheet" type="text/css" href="menu.css">-->
<!--    <link rel="stylesheet" type="text/css" href="side_bar3.css">-->
    <!--    for sideBar-->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <!--for title-->

    <title>Railway</title>
</head>
<body>
<!--<nav class="navbar navbar-dark bg-dark">-->
<!--    <div class="container-fluid">-->
<!--        <ul class="snip1226 ms-auto flex-nowrap">-->
<!--            &lt;!&ndash;            current page jinja2 + logo dite hobe&ndash;&gt;-->
<!--            <li class="current"><a href="#" data-hover="Home">Home</a></li>-->
<!--            <li><a href="#" data-hover="About Us">About Us</a></li>-->
<!--            <li><a href="#" data-hover="Blog">Blog</a></li>-->
<!--            <li><a href="#" data-hover="Services">Services</a></li>-->
<!--            <li><a href="#" data-hover="Products">Products</a></li>-->
<!--            <li><a href="#" data-hover="Contact">Contact</a></li>-->
<!--        </ul>-->
<!--    </div>-->
<!--</nav>-->
<div class="container-fluid">
    <div class="row min-vh-100 flex-column flex-md-row">
        <aside class="col-12 col-md-2 p-0 bg-dark flex-shrink-1">
            <nav class="navbar navbar-expand navbar-dark bg-dark flex-md-column flex-row align-items-start py-2">
                <div class="collapse navbar-collapse ">
                    <ul class="flex-md-column flex-row navbar-nav w-100 justify-content-between">
                        <li class="nav-item">
                            <a class="nav-link pl-0 text-nowrap" href="#"><i class="fas fa-train"></i> <span class="font-weight-bold">Brand</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link pl-0" href="#"><i class="fa fa-book fa-fw"></i> <span class="d-none d-md-inline">Link</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link pl-0" href="#"><i class="fa fa-cog fa-fw"></i> <span class="d-none d-md-inline">Link</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link pl-0" href="#"><i class="fa fa-heart codeply fa-fw"></i> <span class="d-none d-md-inline">Codeply</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link pl-0" href="#"><i class="fa fa-star codeply fa-fw"></i> <span class="d-none d-md-inline">Link</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link pl-0" href="#"><i class="fa fa-star fa-fw"></i> <span class="d-none d-md-inline">Link</span></a>
                        </li>
                    </ul>
                </div>
            </nav>
        </aside>
        <main class="col bg-faded py-3 flex-grow-1">
            //test here
        </main>
    </div>
</div>
<!-- Footer -->
<footer
        class="text-center text-lg-start text-white"
        style="margin-top: auto; background-color: #1c2331; margin-bottom: 0"
>
    <!-- Section: Social media -->
    <section
            class="d-flex justify-content-between p-4"
            style="background-color: #6351ce"
    >
        <!-- Left -->
        <div class="me-5">
            <span>Connect with us on social networks</span>
        </div>
        <!-- Left -->

        <!-- Right -->
        <div>
            <a href="" class="text-white me-4">
                <i class="fab fa-facebook-f"></i>
            </a>
            <a href="" class="text-white me-4">
                <i class="fab fa-twitter"></i>
            </a>
<!--            <a href="" class="text-white me-4">-->
<!--                <i class="fab fa-google"></i>-->
<!--            </a>-->
            <a href="" class="text-white me-4">
                <i class="fab fa-instagram"></i>
            </a>
            <a href="" class="text-white me-4">
                <i class="fab fa-linkedin"></i>
            </a>
            <a href="" class="text-white me-4">
                <i class="fab fa-github"></i>
            </a>
        </div>
        <!-- Right -->
    </section>
    <!-- Section: Social media -->

    <!-- Section: Links  -->
    <section class="">
        <div class="container text-center text-md-start mt-5">
            <!-- Grid row -->
            <div class="row mt-3">
                <!-- Grid column -->
                <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
                    <!-- Content -->
                    <h6 class="text-uppercase fw-bold">Company name</h6>
                    <hr
                            class="mb-4 mt-0 d-inline-block mx-auto"
                            style="width: 60px; background-color: #7c4dff; height: 2px"
                    />
                    <p>
                        Here you can use rows and columns to organize your footer
                        content. Lorem ipsum dolor sit amet, consectetur adipisicing
                        elit.
                    </p>
                </div>
                <!-- Grid column -->

                <!-- Grid column -->
                <div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">
                    <!-- Links -->
                    <h6 class="text-uppercase fw-bold">Products</h6>
                    <hr
                            class="mb-4 mt-0 d-inline-block mx-auto"
                            style="width: 60px; background-color: #7c4dff; height: 2px"
                    />
                    <p>
                        <a href="#!" class="text-white">MDBootstrap</a>
                    </p>
                    <p>
                        <a href="#!" class="text-white">MDWordPress</a>
                    </p>
                    <p>
                        <a href="#!" class="text-white">BrandFlow</a>
                    </p>
                    <p>
                        <a href="#!" class="text-white">Bootstrap Angular</a>
                    </p>
                </div>
                <!-- Grid column -->

                <!-- Grid column -->
                <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">
                    <!-- Links -->
                    <h6 class="text-uppercase fw-bold">Useful links</h6>
                    <hr
                            class="mb-4 mt-0 d-inline-block mx-auto"
                            style="width: 60px; background-color: #7c4dff; height: 2px"
                    />
                    <p>
                        <a href="#!" class="text-white">Your Account</a>
                    </p>
                    <p>
                        <a href="#!" class="text-white">Become an Affiliate</a>
                    </p>
                    <p>
                        <a href="#!" class="text-white">Shipping Rates</a>
                    </p>
                    <p>
                        <a href="#!" class="text-white">Help</a>
                    </p>
                </div>
                <!-- Grid column -->

                <!-- Grid column -->
                <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
                    <!-- Links -->
                    <h6 class="text-uppercase fw-bold">Contact</h6>
                    <hr
                            class="mb-4 mt-0 d-inline-block mx-auto"
                            style="width: 60px; background-color: #7c4dff; height: 2px"
                    />
                    <p><i class="fas fa-home mr-3"></i> New York, NY 10012, US</p>
                    <p><i class="fas fa-envelope mr-3"></i> info@example.com</p>
                    <p><i class="fas fa-phone mr-3"></i> + 01 234 567 88</p>
                    <p><i class="fas fa-print mr-3"></i> + 01 234 567 89</p>
                </div>
                <!-- Grid column -->
            </div>
            <!-- Grid row -->
        </div>
    </section>
    <!-- Section: Links  -->

    <!-- Copyright -->
    <div
            class="text-center p-3"
            style="background-color: rgba(0, 0, 0, 0.2)"
    >
        © 2020 Copyright:
        <a class="text-white" href="https://mdbootstrap.com/"
        >MDBootstrap.com</a
        >
    </div>
    <!-- Copyright -->
</footer>
<!-- Footer -->
<!--<div id="wrapper">-->
<!--    &lt;!&ndash; Sidebar &ndash;&gt;-->
<!--    <div id="sidebar-wrapper">-->
<!--        <ul class="sidebar-nav">-->
<!--            <li class="sidebar-brand">-->
<!--                <a href="#">-->
<!--                    Brainy Fools-->
<!--                </a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">Dashboard</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">Shortcuts</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">Overview</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">Events</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">About</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">Services</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">Contact</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">Dashboard</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">Shortcuts</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">Overview</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">Events</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">About</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">Services</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">Contact</a>-->
<!--            </li>-->

<!--            <li>-->
<!--                <a href="#">Dashboard</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">Shortcuts</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">Overview</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">Events</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">About</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">Services</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">Contact</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">Dashboard</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">Shortcuts</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">Overview</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">Events</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">About</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">Services</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="#">Contact</a>-->
<!--            </li>-->

<!--        </ul>-->
<!--    </div>-->
<!--    &lt;!&ndash; /#sidebar-wrapper &ndash;&gt;-->

<!--    &lt;!&ndash; Page Content &ndash;&gt;-->
<!--    <div id="page-content-wrapper">-->
<!--        <div class="container-fluid">-->
<!--            <h1>Md. Abdullah Al Masum </h1>-->

<!--            <button id="menu-toggle" class="active btn btn-light "><i id="toggleIcon" class="fa fa-angle-double-down"></i>-->
<!--                Toggle Menu </button>-->
<!--        </div>-->
<!--        &lt;!&ndash; Footer &ndash;&gt;-->
<!--        <footer-->
<!--                class="text-center text-lg-start text-white"-->
<!--                style="margin-top: auto; background-color: #1c2331; margin-bottom: 0"-->
<!--        >-->
<!--            &lt;!&ndash; Section: Social media &ndash;&gt;-->
<!--            <section-->
<!--                    class="d-flex justify-content-between p-4"-->
<!--                    style="background-color: #6351ce"-->
<!--            >-->
<!--                &lt;!&ndash; Left &ndash;&gt;-->
<!--                <div class="me-5">-->
<!--                    <span>We Value your opinion</span>-->
<!--                </div>-->
<!--                &lt;!&ndash; Left &ndash;&gt;-->
<!--                <div class="me-5">-->
<!--                    <span>Get connected with us on social networks</span>-->
<!--                </div>-->
<!--                &lt;!&ndash; Left &ndash;&gt;-->

<!--                &lt;!&ndash; Right &ndash;&gt;-->
<!--                <div>-->
<!--                    <a href="" class="text-white me-4">-->
<!--                        <i class="fab fa-facebook-f"></i>-->
<!--                    </a>-->
<!--                    <a href="" class="text-white me-4">-->
<!--                        <i class="fab fa-twitter"></i>-->
<!--                    </a>-->
<!--                    <a href="" class="text-white me-4">-->
<!--                        <i class="fab fa-google"></i>-->
<!--                    </a>-->
<!--                    <a href="" class="text-white me-4">-->
<!--                        <i class="fab fa-instagram"></i>-->
<!--                    </a>-->
<!--                    <a href="" class="text-white me-4">-->
<!--                        <i class="fab fa-linkedin"></i>-->
<!--                    </a>-->
<!--                    <a href="" class="text-white me-4">-->
<!--                        <i class="fab fa-github"></i>-->
<!--                    </a>-->
<!--                </div>-->
<!--                &lt;!&ndash; Right &ndash;&gt;-->
<!--            </section>-->
<!--            &lt;!&ndash; Section: Social media &ndash;&gt;-->
<!--            &lt;!&ndash; Section: Links  &ndash;&gt;-->
<!--            <section class="">-->
<!--                <div class="container text-center text-md-start mt-5">-->
<!--                    &lt;!&ndash; Grid row &ndash;&gt;-->
<!--                    <div class="row mt-3">-->
<!--                        &lt;!&ndash; Grid column &ndash;&gt;-->
<!--                        <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">-->
<!--                            &lt;!&ndash; Content &ndash;&gt;-->
<!--                            <h6 class="text-uppercase fw-bold">Company name</h6>-->
<!--                            <hr-->
<!--                                    class="mb-4 mt-0 d-inline-block mx-auto"-->
<!--                                    style="width: 60px; background-color: #7c4dff; height: 2px"-->
<!--                            />-->
<!--                            <p>-->
<!--                                Here you can use rows and columns to organize your footer-->
<!--                                content. Lorem ipsum dolor sit amet, consectetur adipisicing-->
<!--                                elit.-->
<!--                            </p>-->
<!--                        </div>-->
<!--                        &lt;!&ndash; Grid column &ndash;&gt;-->

<!--                        &lt;!&ndash; Grid column &ndash;&gt;-->
<!--                        <div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">-->
<!--                            &lt;!&ndash; Links &ndash;&gt;-->
<!--                            <h6 class="text-uppercase fw-bold">Products</h6>-->
<!--                            <hr-->
<!--                                    class="mb-4 mt-0 d-inline-block mx-auto"-->
<!--                                    style="width: 60px; background-color: #7c4dff; height: 2px"-->
<!--                            />-->
<!--                            <p>-->
<!--                                <a href="#!" class="text-white">MDBootstrap</a>-->
<!--                            </p>-->
<!--                            <p>-->
<!--                                <a href="#!" class="text-white">MDWordPress</a>-->
<!--                            </p>-->
<!--                            <p>-->
<!--                                <a href="#!" class="text-white">BrandFlow</a>-->
<!--                            </p>-->
<!--                            <p>-->
<!--                                <a href="#!" class="text-white">Bootstrap Angular</a>-->
<!--                            </p>-->
<!--                        </div>-->
<!--                        &lt;!&ndash; Grid column &ndash;&gt;-->

<!--                        &lt;!&ndash; Grid column &ndash;&gt;-->
<!--                        <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">-->
<!--                            &lt;!&ndash; Links &ndash;&gt;-->
<!--                            <h6 class="text-uppercase fw-bold">Useful links</h6>-->
<!--                            <hr-->
<!--                                    class="mb-4 mt-0 d-inline-block mx-auto"-->
<!--                                    style="width: 60px; background-color: #7c4dff; height: 2px"-->
<!--                            />-->
<!--                            <p>-->
<!--                                <a href="#!" class="text-white">Your Account</a>-->
<!--                            </p>-->
<!--                            <p>-->
<!--                                <a href="#!" class="text-white">Become an Affiliate</a>-->
<!--                            </p>-->
<!--                            <p>-->
<!--                                <a href="#!" class="text-white">Shipping Rates</a>-->
<!--                            </p>-->
<!--                            <p>-->
<!--                                <a href="#!" class="text-white">Help</a>-->
<!--                            </p>-->
<!--                        </div>-->
<!--                        &lt;!&ndash; Grid column &ndash;&gt;-->

<!--                        &lt;!&ndash; Grid column &ndash;&gt;-->
<!--                        <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">-->
<!--                            &lt;!&ndash; Links &ndash;&gt;-->
<!--                            <h6 class="text-uppercase fw-bold">Contact</h6>-->
<!--                            <hr-->
<!--                                    class="mb-4 mt-0 d-inline-block mx-auto"-->
<!--                                    style="width: 60px; background-color: #7c4dff; height: 2px"-->
<!--                            />-->
<!--                            <p><i class="fas fa-home mr-3"></i> New York, NY 10012, US</p>-->
<!--                            <p><i class="fas fa-envelope mr-3"></i> info@example.com</p>-->
<!--                            <p><i class="fas fa-phone mr-3"></i> + 01 234 567 88</p>-->
<!--                            <p><i class="fas fa-print mr-3"></i> + 01 234 567 89</p>-->
<!--                        </div>-->
<!--                        &lt;!&ndash; Grid column &ndash;&gt;-->
<!--                    </div>-->
<!--                    &lt;!&ndash; Grid row &ndash;&gt;-->
<!--                </div>-->
<!--            </section>-->
<!--            &lt;!&ndash; Section: Links  &ndash;&gt;-->

<!--            &lt;!&ndash; Copyright &ndash;&gt;-->
<!--            <div-->
<!--                    class="text-center p-3"-->
<!--                    style="background-color: rgba(0, 0, 0, 0.2)"-->
<!--            >-->
<!--                © 2021 Copyright:-->
<!--                <a class="text-white" href="https://mdbootstrap.com/"-->
<!--                >MasumBhai</a-->
<!--                >-->
<!--            </div>-->
<!--            &lt;!&ndash; Copyright &ndash;&gt;-->
<!--        </footer>-->
<!--        &lt;!&ndash; Footer &ndash;&gt;-->
<!--    </div>-->
<!--    &lt;!&ndash; /#page-content-wrapper &ndash;&gt;-->
<!--</div>-->
<!-- /#wrapper -->

<!-- Bootstrap JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4"
        crossorigin="anonymous"></script>
<!--for font-awesome-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css">
<!--for ajax-jquery-->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
<!-- for sweet-alert-->
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<!--for Google Recptcha-->
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<!--for sideBar-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!--for custom js file-->
<script src="side_bar3.js"></script>
</body>

</html>
<!--/*-->
<!--author: MasumBhai-->
<!--*/-->